<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head th:include="include :: header"></head>
<link href="/css/layui.css" rel="stylesheet"></html>
<body>
<div class="layui-carousel" id="test1">
    <div carousel-item>
        <div th:if="${scenicpictureArr != false}" th:each="scenicpic:${scenicpictureArr}"><img style="width: 100%;height: 100%" th:src="${scenicpic}" /></div>
    </div>
</div>
<!--<div id="one" style="position:relative;">
    <img id="image" th:src='${imgUrl}' style="width:590px;height:370px;"/>
    <img style="z-index: 1100; width:50px;position:absolute; bottom: 190px;left:90%;" src="/img/blog/next2.png" onclick="nextPic();"/>
</div>-->
<!--<input type="hidden" name="parentId" id="cateId">-->
<div th:include="include::footer"></div>
<script th:inline="javascript">
    var imgUrls = [[${imgUrls}]];
</script>
<script type="text/javascript" src="/js/appjs/farm/scenic/picture.js"></script>
<script src="/js/layui.js"></script>
<script>
    layui.use('carousel', function(){
        var carousel = layui.carousel;
        //建造实例
        carousel.render({
            elem: '#test1'
            ,width: '100%' //设置容器宽度
            ,height:'100%'
            ,arrow: 'always' //始终显示箭头
            // ,anim: 'updown' //切换动画方式
        });
    });
</script>
</body>
</html>